<!DOCTYPE html>
<!-- saved from url=(0042)http://www.chuanke.com/4272850-163140.html -->
<html lang="zh-cmn-Hans">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <title>【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="keywords" content="【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀，网络课程,百度传课">
    <meta name="description" content="【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀，由百度传课提供">
    <link rel="shortcut icon" href="http://www.chuanke.com/favicon.ico">
    <link href="http://res.ckimg.com/common/v1/images/favicon.ico" type="/image/x-icon" rel="icon">
    <link rel="stylesheet" href="css/base/reset.css">
    <link rel="stylesheet" href="css/base/base.css">
    <link rel="stylesheet" href="css/modules/head.css">
    <link rel="stylesheet" href="css/modules/nav.css">
    <link rel="stylesheet" href="css/modules/footer.css">
    <link rel="stylesheet" href="css/modules/dialog.css">
    <link rel="stylesheet" href="css/modules/page.css">
    <!--<link rel="stylesheet" href="css/evaluate/evaluate.css">-->
    <link rel="stylesheet" href="css/course/details.css" media="screen">
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.common.js"></script>
<!--    <script src="js/functions.js"></script>
    <script src="js/jquery.uploadify-3.1.js" type="text/javascript"></script>-->
    <!--<script src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/logger.js"></script>-->
    <!--百度分享样式-->
</head>
<body class="">

<div class="topR" id="topBar">
    <div class="wrapper">
        <a href="http://www.chuanke.com/" class="topR_logo"></a>
        <ul class="topR_dev">
            <li class="liClient">
                <a href="http://kk.chuanke.com/" target="_blank"><i class="icoR icoR_0"></i>下载传课</a>
            </li>
            <li class="cart"><a href="http://www.chuanke.com/?mod=cart&act=show"><i class="icoR icoR_4"></i>购物车(<i id="cartCount">0</i>)</a></li>
        </ul>
        <!-- =E topR_dev -->
        <div class="topR_search">
            <div class="inner">
                <span class="tp_label">
                    <a href="javascript:;" id="searchType" stype="course">课程<i class="icoR icoR_5"></i></a>
                    <span class="tp_label_sub" id="searchTypeList" style="display:none;">
                        <a href="javascript:;" id="courseType" stype="course">课程</a>
                        <a href="javascript:;" id="schoolType" stype="school">学校</a>
                    </span>
                </span>
                <span class="tp_txt"><!-- 鼠标点击的时候，添加tp_txt_focus -->
                    <span class="iptTips" id="ck_prompt_1" style="left: 1px; top: 0px;">请输入关键词、学校名等...</span>
                    <input type="text" prompt="请输入关键词、学校名等..." class="ipt" id="head_searchKeywords" style="width:350px;">
                    <a class="tp_btn" href="javascript:;" title="搜索" id="head_searchSubmit"><i class="icoR icoR_6"></i></a>
                </span>
            </div>
        </div>
        <!-- =E topR_search -->
        <div style="position: fixed;_position:absolute; z-index: 599; bottom:10px; right: 0px;" class="rTop">
            <ul>
                <ul>
                    <li class="r_weixin">
                        <div class="codeImgWrap" id="weixinCodeImg" style="background-color:#FFFFFF;display: none;">
                            <a href="javascript:;" id="weixinClose" class="close"></a>

                            <p class="tc mt20">轻松一扫，精彩不停</p>

                            <div class="codeImg"></div>
                        </div>
                        <a href="javascript:;" style="display: block;" id="btnWeixin" class="wx item">微信关注</a>
                    </li>
                    <li class="r_msg">
                        <a href="http://help.baidu.com/add?prod_id=171" target="_blank" class="item" id="btnFeedback"
                           style="text-decoration:none;">投诉&amp;反馈</a>
                    </li>


                    <li class="r_gotop" style="display: none;">
                        <a href="#" id="btnGotop" class="item">返回顶部</a>
                    </li>
                </ul>
            </ul>
        </div>
        <div id="header_bar">
            <div class="topR_login">
                <a href="http://passport.chuanke.com/login/index/ret/aHR0cDovL3d3dy5jaHVhbmtlLmNvbS8vNDI3Mjg1MC0xNjMxNDAuaHRtbA==">马上登录</a>
                <a href="https://passport.baidu.com/v2/?reg&tpl=eduol&u=http%3A%2F%2Fwww.chuanke.com%2F4272850-163140.html" target="_blank">注册</a>
            </div>
            <!-- =E topR_login -->
        </div>
        <div class="aside-tips" id="aside-tips">

        </div>
    </div>
</div>
<!-- =E topR -->
<script>
    function addListener(element, e, fn) {
        if (element.addEventListener) {
            element.addEventListener(e, fn, false);
        } else {
            element.attachEvent("on" + e, fn);
        }
    }
    $(function () {
        $("li.liClient").mouseover(function () {
            $("li.liClient > a").css('background', '#0A64A4');
            $("#clientList").show();
        }).mouseleave(function () {
            $("li.liClient > a").css('background', '');
            $("#clientList").hide();
        });
        $("#head_searchSubmit").mouseover(function () {
            $(this).parent().addClass('tp_txt_focus');
        }).mouseleave(function () {
            $(this).parent().removeClass('tp_txt_focus');
        });
        $(".topR_search").inputTips();
        $("#head_searchKeywords").prev("span.iptTips").css({"left": "1px", "top": "0px"});

        $("#searchType").click(function () {
            var obj = $(this);
            var pobj = $("#searchTypeList");
            var course = $("#courseType").clone();
            var school = $("#schoolType").clone();
            obj.showMenu('#searchTypeList');
            obj.mouseout(function () {
                obj.hideMenu('#searchTypeList');
            });

            pobj.find("a").click(function () {
                var cobj = $(this);
                obj.attr('stype', cobj.attr('stype')).html(cobj.text() + '<i class="icoR icoR_5"></i>');
                if (cobj.attr('stype') == 'school') {
                    $("#courseType").remove();
                    $("#schoolType").after(course);
                } else {
                    $("#schoolType").remove();
                    $("#courseType").after(school);
                }
                pobj.hide();
            });
        });

        $("#head_searchKeywords").keydown(function (event) {
            if (event.keyCode == 13) {
                $("#head_searchSubmit").trigger('click');
            }
        });

        $("#head_searchSubmit").click(function () {
            var keywords = $.trim($("#head_searchKeywords").val()),
                    searchType = $("#searchType").attr('stype');
            if (searchType == "course") {
                if (keywords == '') {
                    searchUrl = "/course/index.html";
                } else {
                    searchUrl = "/course/_" + encodeURIComponent(keywords) + "_____.html";
                }
            } else {
                searchUrl = "/?mod=search&act=school&keyword=" + encodeURIComponent(keywords);
            }
            document.location.href = searchUrl;
            return false;
        });
        $(window).scroll(function () {
            if ($(window).scrollTop() > 100) {
                $("li.r_gotop").fadeIn(750);
            } else {
                $("li.r_gotop").fadeOut(750);
            }
        });
        addListener(document, "mouseover", function (evt) {
            var evt = window.event ? window.event : evt,
                    target = evt.srcElement || evt.target;
            if (target.id == "btnWeixin") {
                $("#btnWeixin").animate({left: '-66px'}, "fast");
                return;
            } else if (target.id == "btnFeedback") {
                $("#btnFeedback").animate({left: '-66px'}, "fast");
                return;
            } else if (target.id == "btnGotop") {
                $("#btnGotop").animate({left: '-66px'}, "fast");
                return;
            } else if (target.id == "customerService") {
                $("#customerService").animate({left: '-66px'}, "fast");
                return;
            }
        });
        addListener(document, "mouseout", function (evt) {
            var evt = window.event ? window.event : evt,
                    target = evt.srcElement || evt.target;
            if (target.id == "btnWeixin") {
                $("#btnWeixin").stop(true).animate({left: '0px'}, "fast");
                return;
            } else if (target.id == "btnFeedback") {
                $("#btnFeedback").stop(true).animate({left: '0px'}, "fast");
                return;
            } else if (target.id == "btnGotop") {
                $("#btnGotop").stop(true).animate({left: '0px'}, "fast");
                return;
            } else if (target.id == "customerService") {
                $("#customerService").stop(true).animate({left: '0px'}, "fast");
                return;
            }
        });

        $("#btn_yjwj").click(function () {
            $("li.yjwj").css("display", "none");
        });
        $("#weixinClose").click(function () {
            $("#weixinCodeImg").hide();
            $("#btnWeixin").css("display", "block");
        });
        $("#btnWeixin").click(function () {
            $("#btnWeixin").css("display", "none");
            $("#weixinCodeImg").show();
        });

    });
</script>
<div class="mainNav mb20 bc">
    <div class="wrapper">
        <div class="inner">
            <ul class="mn_menu fl clearfix">
                <li><a href="#">首页</a></li>
                <li>
                    <a href="#" class="here" target="_blank">在线课程</a>
                </li>
                <li><a href="#" target="_blank" class="">公益讲座</a></li>
                <li>
                    <a href="#" target="_blank">在线名师</a>
                </li>
                <li>
                    <a href="#" target="_blank">公告通知</a>
                </li>
                <li><a href="#" target="_blank" class="">帮助中心</a></li>
                <!--                <li>
                                    <a href="#">今日直播</a>
                                    <i class="hot"></i>
                                </li>-->
                <li><a href="#" target="_blank">关于我们</a></li>
            </ul>
        </div>
    </div>
</div>
<link rel="stylesheet" href="css/modules/course-list.css" media="screen">
<div class="content cf">
    <!-- Start面包屑 -->
    <div class="breadcrumbs">
        <a href="http://www.chuanke.com/course/72351163642544128______.html" target="_blank">IT/计算机/互联网</a><em>&gt;</em>
        <a href="http://www.chuanke.com/course/72351236656988160______.html" target="_blank">设计制作</a><em>&gt;</em>
        <a href="http://www.chuanke.com/course/72351236791205888______.html" target="_blank">工具软件</a><em>&gt;</em>
        <a href="http://www.chuanke.com/course/72351236791271424______.html" target="_blank">Photoshop</a></div>
    <!-- End 面包屑 -->
    <!-- Start 课程banner信息 -->
    <div class="details-topcon">

        <div class="fl details-topcon-pic">
            <img src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/3dc0797926a944f8dffaa025200eaf00.jpg" alt="">
            <span class="mask"></span>
        </div>
        <div class="fr details-topcon-info">
            <h3 class="title">【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀</h3>
            <h4 style="width: 650px;padding-left: 10px;height: 30px;line-height: 30px;font-size: 16px;color: gray;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;">这是一句话说明。。。</h4>
            <ul class="summary" style="margin-top: 10px;">
                <li class="price">
                    <span class="fl text">价　　格</span>
                    <span class="fl num"><em class="money">¥</em>0.00</span>
                    <span id="coupon_list"></span>
                </li>
                <li class="cf purchase">
                    <div class="fl w-buy">
                        <span class="text">累计购买</span>
                        <em class="c-333">3618</em>
                    </div>
                </li>
                <li class="cf">
                    <div class="fl total">
                        <span class="text">总课时</span>
                        <em>6</em>课时
                    </div>
                    <div class="fl validity">
                        <span class="text" style="letter-spacing: 0px;">报名时间</span>
                        <em>07月14日~07月23日</em>
                    </div>
                </li>
                <i id="buy_course_type" style="display:none;">1</i>
            </ul>
            <div class="apply" style="margin-top: 20px;">
                <!-- 开始学习加上类名  ck-btn2  人以报满 加上类 ck-btn-gray -->
                <span id="btnList">
                    <a href="javascript:;" class="buyBtn fl ck-btn ck-btn1">立刻购买</a>
                    <a href="javascript:;" class="fl cart" id="addToCart"><i class="ico-cart"></i>加入购物车</a>
                </span>
            </div>
<!--            <p class="promise">
                <span class="text">承　　诺</span>
                <span class="return">保</span>
                <em>15天担保期</em>
            </p>-->
<!--            <a href="javascript:;" id="collect_course" class="fl collect"><i class="ico-collect"></i> 收藏（<span id="collect_course_num">427</span>）</a>
            <span class="fl dividing">|</span>
            <a class="share bdshare_b fl" id="bdshare" href="javascript:;"><i class="ico-share"></i>分享</a>
            &lt;!&ndash; 百度分享 &ndash;&gt;
            <script type="text/javascript" id="bdshare_js" data="type=button&amp;uid=688952" src="js/share/bds_s_v2.js"></script>

            <script type="text/javascript">
                //在这里定义bds_config
                var bds_config = {
                    'snsKey': {
                        'tsina': '2463745741',
                        'qzone': '100262522',
                        'tqq': '801145774',
                        'renren': '5e8042ac9ceb446baaf09f4d80fe039a'
                    }, 'bdText': '我在 @百度传课 看到了一个非常不错的课程：《【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀》，大家也来听听课吧。@百度UE讲堂 网址：'
                };
            </script>-->
            <!-- Baidu Button END -->
        </div>
    </div>
    <!-- End 课程banner信息-->
    <!-- Start 左列 -->
    <div class="fl main details-info">
        <!-- 导航  滚动的时候加上类名  fixed-->
        <div class="m-nav" id="tabs">
            <ul id="tab_switch">
                <li tab="brief" class="c-jj "><a href="javascript:;" class="link curr">课程简介</a></li>
                <li tab="dirBrief" class="c-ml"><a href="javascript:;" class="link">课程目录</a></li>
                <li tab="comment" id="comment" class="c-pj"><a href="javascript:;" class="link">课程评价 <em
                        class="c-orange">98</em> </a></li>
                <li class="c-gm" float="float"><a id="buyBtn" href="javascript:;" class="ck-btn ck-btn1 buyBtn">立刻购买</a>
                </li>
                <li class="c-jg" float="float"><em class="money">¥</em>0.00</li>
            </ul>
        </div>

        <div class="m-content" id="box_content">
            <!-- =S 课程简介 -->
            <div class="con-intro">
                <div class="con-intro-table">
                    <table>
                        <tbody>
                        <tr>
                            <th><span>教学老师</span></th>
                            <td width="639">
                                <dl class="item">
                                    <dt class="fl">
                                        <img width="70" height="70"
                                             src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/a53ed8db923f5df5364750f6782af797.jpg"
                                             alt="">
                                    </dt>
                                    <dd>
                                        <h3>百度大UE讲堂</h3>

                                        <p>我们不培养美工，只培养一流设计师； 听一节顶十节，开启10倍速UI技能学习模式； 考完直通百度实习，最具创造力设计实践机会限量开放；
                                            从菜鸟到大咖，300名一线设计师，全程陪护。</p>
                                    </dd>
                                </dl>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="con-intro-bd"><p>
                    <img src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/646d6bd605cd7a58ecebd2b556e040ff.jpg" alt=""><br>
                </p></div>
                <!-- =E 这个是用户编辑器输入的内容 -->
            </div>
            <!-- =E 课程简介 -->
            <div class="m-catalog">

                <div class="header"><h2 class="title">课程目录</h2></div>
                <h3 class="chapter-title"><em>第1章</em>交互设计思维第一讲</h3>
                <ul class="m-catalog-list">
                    <li class="bg-cor">
                        <div class="chapter">
                            <span class="num">1</span>
                            <h4 class="fl title">交互设计流程解析-百度魔图案例</h4>
                            <span class="fl title" style="color: gray;font-size: 13px;">&nbsp;（2月12日 09:00-10:00 周平老师）</span>
                            <div class="fr status"><span class="time">00:17:33</span></div>
                            <a href="http://www.chuanke.com/v4272850-163140-714488.html"
                               class="fr listen ck-btn ck-btn4" target="_blank">试听</a>
                        </div>
                        <div class="info">课时简介，如有则显示无则消失</div>
                    </li>
                </ul>
                <h3 class="chapter-title"><em>第2章</em>交互设计思维第二讲</h3>
                <ul class="m-catalog-list">
                    <li class="bg-cor">
                        <div class="chapter">
                            <span class="num">1</span>
                            <h4 class="fl title">利用Sketch制作个人中心改版交互原型-百度图片</h4>
                            <span class="fl title" style="color: gray;font-size: 13px;">&nbsp;（2月12日 09:00-10:00 周平老师）</span>
                            <div class="fr status"><span class="time">00:58:30</span></div>
                            <a href="http://www.chuanke.com/v4272850-163140-727121.html"
                               class="fr listen ck-btn ck-btn4" target="_blank">试听</a>
                        </div>

                    </li>
                </ul>
                <h3 class="chapter-title"><em>第3章</em>交互设计思维第三讲</h3>
                <ul class="m-catalog-list">
                    <li class="bg-cor">
                        <div class="chapter">
                            <span class="num">1</span>
                            <h4 class="fl title">怎么hold住新用户</h4>
                            <span class="fl title" style="color: gray;font-size: 13px;">&nbsp;（2月12日 09:00-10:00 周平老师）</span>
                            <div class="fr status"><span class="time">00:21:14</span></div>
                            <a href="http://www.chuanke.com/v4272850-163140-737199.html"
                               class="fr listen ck-btn ck-btn4" target="_blank">试听</a>
                        </div>

                    </li>
                </ul>
                <h3 class="chapter-title"><em>第4章</em>交互设计思维第四讲</h3>
                <ul class="m-catalog-list">
                    <li class="bg-cor">
                        <div class="chapter">
                            <span class="num">1</span>
                            <h4 class="fl title">交互设计师的头脑利器-设计思维</h4>
                            <span class="fl title" style="color: gray;font-size: 13px;">&nbsp;（2月12日 09:00-10:00 周平老师）</span>
                            <div class="fr status"><span class="time">00:22:34</span></div>
                            <a href="http://www.chuanke.com/v4272850-163140-747191.html"
                               class="fr listen ck-btn ck-btn4" target="_blank">试听</a>
                        </div>

                    </li>
                </ul>
                <h3 class="chapter-title"><em>第5章</em>交互设计思维第五讲</h3>
                <ul class="m-catalog-list">
                    <li class="bg-cor">
                        <div class="chapter">
                            <span class="num">1</span>
                            <h4 class="fl title">百度必过宝-交互设计实例分享</h4>
                            <span class="fl title" style="color: gray;font-size: 13px;">&nbsp;（2月12日 09:00-10:00 周平老师）</span>
                            <div class="fr status"><span class="time">00:20:04</span></div>
                            <a href="http://www.chuanke.com/v4272850-163140-759461.html"
                               class="fr listen ck-btn ck-btn4" target="_blank">试听</a>
                        </div>

                    </li>
                </ul>
                <h3 class="chapter-title"><em>第6章</em>交互设计思维第六讲</h3>
                <ul class="m-catalog-list">
                    <li class="bg-cor">
                        <div class="chapter">
                            <span class="num">1</span>
                            <h4 class="fl title">百度文库-交互设计师的设计积累方法</h4>
                            <span class="fl title" style="color: gray;font-size: 13px;">&nbsp;（2月12日 09:00-10:00 周平老师）</span>
                            <div class="fr status"><span class="time">00:15:47</span></div>
                            <a href="http://www.chuanke.com/v4272850-163140-771711.html"
                               class="fr listen ck-btn ck-btn4" target="_blank">试听</a>
                        </div>

                    </li>
                </ul>
                <h3 class="chapter-title"><em>第7章</em>交互设计思维第七讲</h3>
                <ul class="m-catalog-list">
                    <li class="bg-cor">
                        <div class="chapter">
                            <span class="num">1</span>
                            <h4 class="fl title">从hao123谈谈互联网的商业模式</h4>
                            <span class="fl title" style="color: gray;font-size: 13px;">&nbsp;（2月12日 09:00-10:00 周平老师）</span>
                            <div class="fr status"><span class="time">00:20:38</span></div>
                            <a href="http://www.chuanke.com/v4272850-163140-809497.html"
                               class="fr listen ck-btn ck-btn4" target="_blank">试听</a>
                        </div>

                    </li>
                </ul>
                <h3 class="chapter-title"><em>第8章</em>交互设计思维第八讲</h3>
                <ul class="m-catalog-list">
                    <li class="bg-cor">
                        <div class="chapter">
                            <span class="num">1</span>
                            <h4 class="fl title">交互设计师的数据化思维【新课】</h4>
                            <span class="fl title" style="color: gray;font-size: 13px;">&nbsp;（2月12日 09:00-10:00 周平老师）</span>
                            <div class="fr status"><span class="time">00:19:53</span></div>
                            <a href="http://www.chuanke.com/v4272850-163140-830796.html"
                               class="fr listen ck-btn ck-btn4" target="_blank">试听</a>
                        </div>

                    </li>
                </ul>
            </div>
            <!-- =E 课程目录 -->
            <!-- Start 课程评价 -->
            <div id="show-comment">
                <div class="course-comment">
                    <h3 class="title">课程评价<em class="c-orange">（98）</em></h3>
                    <!-- 评分率 -->
                    <!--<div class="comment-rate-tags">
                        <div class="fl rate-score">
                            <p class="rate">94.90<span>%</span></p>
                            <h4 class="f14 c-999">满意度</h4>
                        </div>
                        <ul class="fl comment-rate-proportion">
                            <li>
                                <h5 class="fl">好评<em class="c-999">（93）</em></h5>

                                <p class="fl progress-bar">
                                    <span style="width:94.90%;"></span>
                                </p>
                            </li>
                            <li>
                                <h5 class="fl">中评<em class="c-999">（3）</em></h5>

                                <p class="fl progress-bar">
                                    <span style="width:3.06%;"></span>
                                </p>
                            </li>
                            <li>
                                <h5 class="fl">差评<em class="c-999">（2）</em></h5>

                                <p class="fl progress-bar">
                                    <span style="width:2.04%;"></span>
                                </p>
                            </li>
                        </ul>
                        <div class="fl comment-rate-tag">
                            <ul class="comment-tag">
                                <li class="w1">视频画面清晰 <em>13</em></li>
                                <li class="w1">课程内容不错 <em>32</em></li>
                                <li class="w1">老师讲的很好 <em>34</em></li>
                                <li class="w1">期待后续更新 <em>10</em></li>
                                <li class="w1">实用性很强 <em>18</em></li>
                                <li class="w1">简单易懂 <em>12</em></li>
                                <li class="w1">互动性强 <em>1</em></li>
                                <li class="w1">赞一个 <em>7</em></li>
                                <li class="w1">有收获 <em>14</em></li>
                            </ul>
                        </div>
                    </div>-->
                    <!-- 好中差 -->
<!--                    <div class="course-comment-filter">
                        <label class="radio checked" appraise="0"><i class="ico-radio"><input type="radio"></i><span
                                class="text">全部</span></label>
                        <label class="radio " appraise="1"><i class="ico-radio"><input type="radio"></i><span
                                class="text">好评 <em>(93)</em></span></label>
                        <label class="radio " appraise="2"><i class="ico-radio"><input type="radio"></i><span
                                class="text">中评 <em>(3)</em></span></label>
                        <label class="radio " appraise="3"><i class="ico-radio"><input type="radio"></i><span
                                class="text">差评 <em>(2)</em></span></label>
                    </div>-->
                    <!-- 评论列表 -->
                    <ul class="course-comment-list">
                        <li class="item">
                            <div class="fl pic">
                                <span class="avatar"><img src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/0-0.JPG" alt=""></span>

                                <p class="name te">155*****506</p>
                            </div>
                            <div class="course-comment-con">
                                <p class="praise f14"><i class="ico-grade-star s2"></i> 中评</p>

                                <p class="info">老师的语速太慢</p>

                                <div class="operate" id="operate_70521130">
                                    <p class="fr">
                                        <span class="time c-999">2016-04-20 11:27</span>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="item">
                            <div class="fl pic">
                                <span class="avatar"><img src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/0-0.JPG" alt=""></span>

                                <p class="name te">Ken爷在吃肉</p>
                            </div>
                            <div class="course-comment-con">
                                <p class="praise f14"><i class="ico-grade-star s1"></i> 好评</p>

                                <p class="info">解说明确，用词恳切，思路清晰易懂，让人感觉很愿意听下去！</p>

                                <div class="operate" id="operate_70501316">
                                    <ul class="fl comment-tag">
                                        <li>老师讲的很好</li>
                                        <li>互动性强</li>
                                        <li>赞一个</li>
                                    </ul>
                                    <p class="fr">
                                        <span class="time c-999">2016-04-11 21:38</span>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="item">
                            <div class="fl pic">
                                <span class="avatar"><img src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/0-0.JPG" alt=""></span>

                                <p class="name te">萧十二郎89</p>
                            </div>
                            <div class="course-comment-con">
                                <p class="praise f14"><i class="ico-grade-star s1"></i> 好评</p>

                                <p class="info">非常不错，好评</p>

                                <div class="operate" id="operate_70473135">
                                    <p class="fr">
                                        <span class="time c-999">2016-03-27 21:25</span>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="item">
                            <div class="fl pic">
                                <span class="avatar"><img
                                        src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/2736824_middle_avatar.jpg" alt=""></span>

                                <p class="name te">victor_zhuxh</p>
                            </div>
                            <div class="course-comment-con">
                                <p class="praise f14"><i class="ico-grade-star s1"></i> 好评</p>

                                <p class="info">很具体的案例，很实用的知识。</p>

                                <div class="operate" id="operate_70463085">
                                    <ul class="fl comment-tag">
                                        <li>视频画面清晰</li>
                                        <li>赞一个</li>
                                        <li>有收获</li>
                                    </ul>
                                    <p class="fr">
                                        <span class="time c-999">2016-03-21 16:30</span>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="item">
                            <div class="fl pic">
                                <span class="avatar"><img
                                        src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/4663989_middle_avatar.jpg" alt=""></span>

                                <p class="name te">胡大大大大大</p>
                            </div>
                            <div class="course-comment-con">
                                <p class="praise f14"><i class="ico-grade-star s1"></i> 好评</p>

                                <p class="info">
                                    一口气看完了6节课，当真是呕心沥血沉淀下来的设计思维和方法。宋仲基欧巴太遥远，快来百度大ue讲堂约会最好看／最贴心／最实用的课程，和百度大ue讲堂一起成长，约会自己最真实的梦想。</p>

                                <div class="operate" id="operate_70453175">
                                    <ul class="fl comment-tag">
                                        <li>老师讲的很好</li>
                                        <li>实用性很强</li>
                                        <li>有收获</li>
                                    </ul>
                                    <p class="fr">
                                        <span class="time c-999">2016-03-15 00:47</span>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="item">
                            <div class="fl pic">
                                <span class="avatar"><img
                                        src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/4677226_middle_avatar.jpg" alt=""></span>

                                <p class="name te">小彭哥</p>
                            </div>
                            <div class="course-comment-con">
                                <p class="praise f14"><i class="ico-grade-star s1"></i> 好评</p>

                                <p class="info">好</p>

                                <div class="operate" id="operate_70451171">
                                    <p class="fr">
                                        <span class="time c-999">2016-03-13 18:47</span>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="item">
                            <div class="fl pic">
                                <span class="avatar"><img
                                        src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/1585237_middle_avatar.jpg" alt=""></span>

                                <p class="name te">- Depraved</p>
                            </div>
                            <div class="course-comment-con">
                                <p class="praise f14"><i class="ico-grade-star s1"></i> 好评</p>

                                <p class="info">老师讲得很好咩，看来备课也做了很多很多，很受用的内容，希望在平衡策略上再多讲几个例子就更好啦！！！</p>

                                <div class="operate" id="operate_70439958">
                                    <ul class="fl comment-tag">
                                        <li>课程内容不错</li>
                                        <li>老师讲的很好</li>
                                        <li>期待后续更新</li>
                                    </ul>
                                    <p class="fr">
                                        <span class="time c-999">2016-03-06 03:18</span>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="item">
                            <div class="fl pic">
                                <span class="avatar"><img src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/0-0.JPG" alt=""></span>

                                <p class="name te">c52andy</p>
                            </div>
                            <div class="course-comment-con">
                                <p class="praise f14"><i class="ico-grade-star s3"></i> 差评</p>

                                <p class="info">完全在读稿</p>

                                <div class="operate" id="operate_70431999">
                                    <p class="fr">
                                        <span class="time c-999">2016-03-03 09:53</span>
                                    </p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- End 课程评价 -->

                <!-- Start 翻页 -->
                <div class="ck-page tc">
                    <span class="curr"> 1 </span><a title="第2页"
                                                    href="http://www.chuanke.com/?mod=course&act=show&do=comment&sid=4272850&courseid=163140&appraise=0&comment_flag=0&page=2"
                                                    class="ajaxLink">2</a><a title="第3页"
                                                                             href="http://www.chuanke.com/?mod=course&act=show&do=comment&sid=4272850&courseid=163140&appraise=0&comment_flag=0&page=3"
                                                                             class="ajaxLink">3</a><a title="第4页"
                                                                                                      href="http://www.chuanke.com/?mod=course&act=show&do=comment&sid=4272850&courseid=163140&appraise=0&comment_flag=0&page=4"
                                                                                                      class="ajaxLink">4</a><a
                        title="第5页"
                        href="http://www.chuanke.com/?mod=course&act=show&do=comment&sid=4272850&courseid=163140&appraise=0&comment_flag=0&page=5"
                        class="ajaxLink">5</a><span class="ellipsis">...</span><a title="第10页"
                                                                                  href="http://www.chuanke.com/?mod=course&act=show&do=comment&sid=4272850&courseid=163140&appraise=0&comment_flag=0&page=10"
                                                                                  class="ajaxLink">10</a><a title="下一页"
                                                                                                            href="http://www.chuanke.com/?mod=course&act=show&do=comment&sid=4272850&courseid=163140&appraise=0&comment_flag=0&page=2"
                                                                                                            class="next ajaxLink">下一页<s></s></a>
                </div>
                <!-- End 翻页 -->
            </div>
        </div>
    </div>
    <!-- End 左列 -->
    <!-- Start 右列 -->
    <div class="fr side">
        <!-- Start 课程推荐 -->
        <span id="similar_hot">
        <style>
            .side-card li {
                margin-bottom: 20px;
            }
        </style>
	<h3 class="ck-title">同类课程</h3>
        <div class="side-card">
            <ul>
                <li>
                    <div class="item-panel">
                        <div class="item-pic">
                            <a href="http://www.chuanke.com/4272850-156784.html"><img
                                    src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/9c6523de1c21371254ee50d85e9681c8.thumb.jpg"
                                    alt="" width="208" height="156"></a>
                        </div>
                        <div class="item-title">
                            <a href="http://www.chuanke.com/4272850-156784.html">【系列】UI设计从小白到高手-经典实例解析 PS 移动端 百度团队</a>
                        </div>
                        <div class="item-addition">
                            <div class="price">
                                <span class="hot-price"><em>¥</em>0.00</span>
                            </div>
                            <div class="number">
                                <span><em>36672</em> 人已学</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-panel">
                        <div class="item-pic">
                            <a href="http://www.chuanke.com/4272850-163220.html"><img
                                    src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/fff7b3c784456e58c02b7d76958a3768.thumb.jpg"
                                    alt="" width="208" height="156"></a>
                        </div>
                        <div class="item-title">
                            <a href="http://www.chuanke.com/4272850-163220.html">【系列】用户研究从入门到实践【百度大UE讲堂】</a>
                        </div>
                        <div class="item-addition">
                            <div class="price">
                                <span class="hot-price"><em>¥</em>0.00</span>
                            </div>
                            <div class="number">
                                <span><em>7569</em> 人已学</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-panel">
                        <div class="item-pic">
                            <a href="http://www.chuanke.com/4272850-163336.html"><img
                                    src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/f43c101278674dbd3d04ae5284692797.thumb.jpg"
                                    alt="" width="208" height="156"></a>
                        </div>
                        <div class="item-title">
                            <a href="http://www.chuanke.com/4272850-163336.html">【系列】设计师必备技能-手绘鼠绘【百度大UE讲堂】</a>
                        </div>
                        <div class="item-addition">
                            <div class="price">
                                <span class="hot-price"><em>¥</em>0.00</span>
                            </div>
                            <div class="number">
                                <span><em>4968</em> 人已学</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-panel">
                        <div class="item-pic">
                            <a href="http://www.chuanke.com/4272850-162757.html"><img
                                    src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/bb7fdd4cc63a5dd821b0862d03e29aee.thumb.jpg"
                                    alt="" width="208" height="156"></a>
                        </div>
                        <div class="item-title">
                            <a href="http://www.chuanke.com/4272850-162757.html">【校长亲授】如何获得BAT的面试机会-一个屌丝设计师的逆袭路</a>
                        </div>
                        <div class="item-addition">
                            <div class="price">
                                <span class="hot-price"><em>¥</em>0.00</span>
                            </div>
                            <div class="number">
                                <span><em>4772</em> 人已学</span>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="hr-line"></div>
                <!-- End 课程推荐 -->
                
        <!-- Start 该机构的同类课程 -->
        <h3 class="ck-title">该机构的热门课程</h3>
        
        <div class="side-card">
            <ul>
                <li>
                    <div class="item-panel">
                        <div class="item-pic">
                            <a href="http://www.chuanke.com/4272850-156784.html"><img
                                    src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/9c6523de1c21371254ee50d85e9681c8.thumb.jpg"
                                    alt="" width="208" height="156"></a>
                        </div>
                        <div class="item-title">
                            <a href="http://www.chuanke.com/4272850-156784.html">【系列】UI设计从小白到高手-经典实例解析 PS 移动端 百度团队</a>
                        </div>
                        <div class="item-addition">
                            <div class="price">
                                <span class="hot-price"><em>¥</em>0.00</span>

                            </div>
                            <div class="number">
                                <span><em>36672</em> 人已学</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-panel">
                        <div class="item-pic">
                            <a href="http://www.chuanke.com/4272850-156995.html"><img
                                    src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/2762a164f3752237008d7359458a5d88.thumb.jpg"
                                    alt="" width="208" height="156"></a>
                        </div>
                        <div class="item-title">
                            <a href="http://www.chuanke.com/4272850-156995.html">【专家】百度设计实战精讲 - 体验不仅是界面 交互 设计理念 UI</a>
                        </div>
                        <div class="item-addition">
                            <div class="price">
                                <span class="hot-price"><em>¥</em>0.00</span>

                            </div>
                            <div class="number">
                                <span><em>10322</em> 人已学</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-panel">
                        <div class="item-pic">
                            <a href="http://www.chuanke.com/4272850-163220.html"><img
                                    src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/fff7b3c784456e58c02b7d76958a3768.thumb.jpg"
                                    alt="" width="208" height="156"></a>
                        </div>
                        <div class="item-title">
                            <a href="http://www.chuanke.com/4272850-163220.html">【系列】用户研究从入门到实践【百度大UE讲堂】</a>
                        </div>
                        <div class="item-addition">
                            <div class="price">
                                <span class="hot-price"><em>¥</em>0.00</span>

                            </div>
                            <div class="number">
                                <span><em>7569</em> 人已学</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-panel">
                        <div class="item-pic">
                            <a href="http://www.chuanke.com/4272850-158571.html"><img
                                    src="./【系列】交互设计思维及技法-百度UE团队呕心沥血沉淀-百度传课_files/05931429030f3b9a8e15efd91faf935e.thumb.jpg"
                                    alt="" width="208" height="156"></a>
                        </div>
                        <div class="item-title">
                            <a href="http://www.chuanke.com/4272850-158571.html">【系列】 交互设计入门-交互知识及软件技能解析 Axure 实例解析</a>
                        </div>
                        <div class="item-addition">
                            <div class="price">
                                <span class="hot-price"><em>¥</em>0.00</span>

                            </div>
                            <div class="number">
                                <span><em>6035</em> 人已学</span>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        </span>
    </div>
    <!-- End 右列 -->
</div>
<script type="text/javascript">

    $(function () {
        $(".mn_sort").mouseover(function () {
            $(".mn_mt").css('background', '#40bb8a');
            $(".mn_mc").show();
        }).mouseleave(function () {
            $(".mn_mt").css('background', '#179362');
            $(".mn_mc").hide();
        });
        $('.mn_sort > .mn_mc > .item').hover(function () {
            $(this).addClass('item_hover');
            $(this).children('.i_bd').show();
        }, function () {
            $(this).removeClass('item_hover');
            $(this).children('.i_bd').hide();
        });


        $("#tab_switch li[float!=float]").click(function(){
            if ($(this).hasClass('szbq')) {
                return true;
            }
            //根据tab获取不同的数据，并替换内容。此方式可根据需要变动
            var tab = $(this).attr('tab');
            console.log(tab);

            $("#tab_switch li a").removeClass('curr');
            $(this).children('a').addClass('curr');
            if (tab == "brief"){
                $(".con-intro").show();
                $(".m-catalog").show();
                $(".show-comment").show();
            }else if (tab == "dirBrief"){
                $(".con-intro").hide();
                $(".m-catalog").show();
                $(".show-comment").hide();
            }else if (tab == "comment"){
                $(".con-intro").hide();
                $(".m-catalog").hide();
                $(".show-comment").show();
            }
            return false;
        });
    });

</script>
<div class="footer">
    <p class="ft-nav">
        <a href="http://www.chuanke.com/about" target="_blank">关于百度传课</a>
        <a href="http://www.chuanke.com/helpcenter/index.html" target="_blank">百度传课帮助</a>
        <a href="http://help.baidu.com/add?prod_id=171" target="_blank">投诉&amp;反馈</a>
        <a href="http://www.chuanke.com/contactus" target="_blank">联系方式</a>
        <a href="http://www.chuanke.com/job" target="_blank">招聘信息</a>
        <a href="http://www.chuanke.com/?mod=client&type=mobile">手机触屏版</a>
    </p>

    <p class="copy">
        京ICP证<a href="http://www.miitbeian.gov.cn/" target="_blank">130265</a>号
        <span class="info">Copyright © 2015 <a href="http://www.baidu.com/duty/" target="_blank">使用百度前必读</a></span>百度传课
        Chuanke.com
    </p>
</div>
<!-- End footer -->

</body>
</html>